iT邦幫忙

2024 iThome 鐵人賽

DAY 3
0

HTML 入門

HTML是什麼?

  • HTML是一種描述性的網頁程式語言,但他並沒有很強的邏輯處理能力,所以更確切的說法是標記語言,HTML定義了一套標籤來描述及控制網站。
  • 標籤是指HTML中使用大於小於包圍的關鍵字,例如常見的:<h1><h2>,且這種標籤通常是成對的出現像:<h1></h1>/是表示結束。

標題

  • HTML檔案中的標題共分為六級,分別是h1~h6,從大到小,如下圖:
    https://ithelp.ithome.com.tw/upload/images/20240913/20169282VbPvFjdpMP.png
  • 而顯示結果為:
    https://ithelp.ithome.com.tw/upload/images/20240913/20169282lmzAzYDVRv.png

正文

  • html中正文的部分會使用p標籤:<p>,表示段落。

超連結

  • html中超連結的部分會使用a標籤:<a>,而a標籤中可用href屬性指向新的文件路徑
  • 正文、超連結顯示如下:
    https://ithelp.ithome.com.tw/upload/images/20240913/20169282twmRdJWB9M.png
  • 而顯示結果為:
    https://ithelp.ithome.com.tw/upload/images/20240913/20169282qyKgglZDrd.png

屬性

  • 要在標籤中控制屬性可以使用這個格式
    tagName = "value"
  • tagName表示屬性名稱,而value則表示屬性值,例如:
<h1 align = "center">H1</h1>

其中的align = "center“就是在控制屬性,這句可使標題置中。

註釋

  • 若想在html中加入註釋,可使用:
<!-- 註釋內容 -->
  • 註釋的內容通常是提供給開發人員看的,以未來方便維護、管理為目的,抑或是自己學習的時候,也可以適當地加上註釋,方便自己複習時能夠理解該段落的內容。

以上就是今天對HTML的基本入門介紹,下一篇會介紹CSS的基礎。


上一篇
Day 2
下一篇
Day 4
系列文
從零開始學習TypeScript、Vue.js !!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言